<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>DOTA</title>
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" media="screen" />
</head>
<style>
    html,
    body {
        margin: 0;
        padding: 0;
        height: calc(100%);
        overflow: hidden;
    }


    a {
        text-decoration: none;
    }

    a,
    input,
    button {
        outline: none;
    }

    li {
        list-style: none;
    }

    body {
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #f4f6f9;
        font-family: "microsoft yahei", Helvetica, Tahoma, Arial, "Microsoft jhengHei",
        sans-serif;
    }

    input,
    button,
    select,
    textarea {
        outline: none;
    }

    input[type="file"] {
        opacity: 0;
    }

    h1 {
        font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h7,
    ul,
    li,
    p {
        margin: 0;
        padding: 0;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    input[type="text"] {
        width: 170px;
        height: 32px;
        border: 1px solid #eaeaea;
        border-radius: 3px;
        padding-left: 5px;
    }

    input[type="button"] {
        border: none;
    }
</style>

<body>
    <div id="app">
    </div>
</body>
<script type="text/javascript">
</script>

</html>